<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Marker Main</title>
<link href="Unilearn.css" rel="stylesheet" 
type="text/css">
<script type="text/javascript">
var id_temp= "";
function toggle(id){
    ul = "ul_" + id;
    img = "img_" + id;
    ulElement = document.getElementById(ul);
    imgElement = document.getElementById(img);
    if (ulElement){
            if (ulElement.className == 'closed'){
                    ulElement.className = "open";
                    imgElement.src = "opened.gif";
                    }else{
                    ulElement.className = "closed";
                    imgElement.src = "closed.gif";
                    }
            }
    }
function popupMenu(){
	popupWindow = window.open(
		'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
function browse(form,file){
	allowSubmit = false;
	if (!file) return;
	else allowSubmit = true;
		if (allowSubmit) form.submit();
		else
			alert("Please only upload files that end in types");
}
function changeStatus(id){
	
	this.id_temp=id;
	var mycel = document.getElementById(id);
	var myceltext = mycel.innerHTML; 
	var child;
	switch(myceltext){
		case "Unmarked":
		{
			//mycel.innerHTML = "Marked";
			child = window.open("assignmentdownload.htm?id="+id,this,'width=650,height=300,scrollbars=yes,status=yes');
			break;
		}
		case "Downloaded":
		{
			//upload marking sheet
			child=window.open("Upload_Marking_sheet.htm?id="+id,this,'width=650,height=300,scrollbars=yes,status=yes');
			break;
		}
		case "Marked":
		{
			child=window.open("feedback_marker.htm",this,'width=650,height=600,scrollbars=yes,status=yes');
			break;
		}
		//child.creator=self;
	    child.id = id;
	
	}
	
}
function display(){
    document.middleDiv = eval('document.getElementById("midle")');
    document.middleDiv.style.visibility = "visible";
    document.statusDiv = eval('document.getElementById("status")');
    document.statusDiv.style.visibility = "hidden";
}
function display2(){
    document.middleDiv = eval('document.getElementById("midle")');
    document.middleDiv.style.visibility = "hidden";
    document.statusDiv = eval('document.getElementById("status")');
    document.statusDiv.style.visibility = "visible";
}
function OpenPopup () {
window.open("confirmation.htm",this,
'width=650,height=300,scrollbars=yes,status=yes');
}
</script>

</head><body>


<div id="container">
  <div id="row">

  	<div id="left">
  		<h2>Name: Alice Lee</h2>
  		<ul class="open">
		       <li id="item1"><a onclick="toggle('item1');"><img 
src="closed.gif" alt="" id="img_item1" border="0"></a>Mark assignment
                  <ul id="ul_item1" class="closed">
                          <li id="item1_1"><a 
onclick="toggle('item1_1');"><img src="closed.gif" 
alt="" id="img_item1_1" border="0"></a>HIT8098
						  		<ul id="ul_item1_1" class="close"><a onclick="display2()">Assignment
 3</a> </ul>
						  </li>
</li>

                  </ul>
		 <input class="inputSubmit" name="btCancel" id="btCancel" 
value="LogOut" onclick="window.location='Student_login.html'" 
type="submit">

  	</div>



	<div id="right">

      <div id="status" style="position: relative; visibility: hidden;" 
align="center">
        <h1> Assignments Status</h1>
        <table class="tableHead">
          <tbody>
            <tr class="border">
              <td width="103"><div align="center">ID</div></td>
              <td width="301"><div align="center">Student Name </div></td>
              <td width="117"><div align="center">Status &nbsp; </div></td>
            </tr>
            <tr>
              <td class="detail">123456</td>
              <td class="detail"> Jackie Chan&nbsp; </td>
              <td class="detail" id="">&nbsp; Marked &nbsp; </td>
            </tr>
            <tr>
              <td class="detail">234567</td>
              <td class="detail"> Jet Lee </td>
              <td class="detail" id="cell234567"><a href="#" id ="234567" onclick="changeStatus('234567')" >Unmarked</a></td>
            </tr>
            <tr>
              <td class="detail">&nbsp;</td>
              <td class="detail">&nbsp;</td>
              <td class="detail">&nbsp;</td>
            </tr>
            <tr>
              <td class="detail">&nbsp;</td>
              <td class="detail">&nbsp;</td>
              <td class="detail">&nbsp;</td>
            </tr>
            <tr>
              <td class="detail" id="statusbar">&nbsp;</td>
              <td class="detail">&nbsp;</td>
              <td class="detail">&nbsp;</td>
            </tr>
          </tbody>
        </table>
      </div>	  
      <div id="midle" style="visibility: hidden;"></div>
</div>



	</div>
</div>

</body></html>